<template>
    <!-- components/bottom-placeholder/index.wxml -->
    <view class="bottom-placeholder" :style="{'padding-bottom': bottom + 'rpx', background: background}"></view>
</template>

<script>
// components/bottom-placeholder/index.js
export default {
    data() {
        return {};
    },
    /**
     * 组件的属性列表
     */
    props: {
        bottom: {
            type: Number,
            default: 20
        },
        background: {
            type: String,
            default: ''
        }
    },
    /**
     * 组件的方法列表
     */
    methods: {}
};
</script>
<style lang="scss">
/* components/bottom-placeholder/index.wxss */
/* 底部占位 */
.bottom-placeholder {
    height: calc(120rpx + constant(safe-area-inset-bottom));
    height: calc(120rpx + env(safe-area-inset-bottom));
}
</style>
